<template>
  <div  class="container">
    <main>
      <HeadeR v-model="searchWord"></HeadeR>
      <DefinitioN :searchWord="searchWord"></DefinitioN>
    </main>
  </div>
</template>

<script setup>
 import HeadeR from "@/components/HeadeR";
 import DefinitioN from "@/components/DefinitioN";
    import {ref} from 'vue';
    const searchWord = ref();
</script>

<style lang="scss" scoped>
  .container{
    height: 100vh;
  overflow: hidden;
    background-color: #282c34;
    main{
      max-width: 1000px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      color: white;
      padding: 1rem;
    }
  }
</style>
